<template>
	<view class="content">
		<view class="item">
			<view class="title">
				<text>订单编号： </text> <text>{{list.order_num}}</text>
			</view>
			<!-- <view><text>订单总价：</text><text class="pink">￥258</text></view> -->
			<!-- <view><text>优惠金额：</text><text>￥12</text></view> -->
			<view><text>用车单位： </text><text>{{list.transport_unit_name}}</text></view>
			<view><text>部门：</text><text>{{list.department}}</text></view>
			<view><text>用车人：</text><text>{{list.transport_people}}</text></view>
			<view><text>联系电话：</text><text>{{list.phone}}</text></view>
		</view>
		<view class="item">
			<view><text>车型： </text><text>{{list.car_model}}</text></view>
			<view><text>车号： </text> <text>{{list.car_number}}</text></view>
			<view><text>车辆来源： </text> <text>{{list.vehicle_sources}}</text></view>
			<view><text>司机电话： </text> <text> {{list.phone_number}}</text></view>
		</view>
		<view class="item">
			<view><text>下单时间： </text> <text>{{list.create_time}}</text></view>
		</view>
	</view>
</template>

<script>
	import {
		order_info
	} from '../../js/api.js'
	export default {
		data() {
			return {
				list: {}
			}
		},
		async onLoad(e) {
			const data = await order_info(e.id);
			this.list = data;
			console.log(data)
		},
		methods: {

		}
	}
</script>

<style scoped>
	.pink {
		color: #FF4A5B;

	}

	.content {
		background: #efefef;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 100vh;
	}

	.content .item {
		background: #fff;
		width: 673rpx;
		padding: 41rpx 24rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		margin-top: 20rpx;
	}

	.title {
		border-bottom: 2px solid #C6C6C6;
		padding-bottom: 15rpx;
	}

	.item view {
		display: flex;
		justify-content: space-between;
	}

	.item view {
		margin-bottom: 33rpx;
	}
</style>
